@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	outline: none;
	border: 0;
}
@font-face
{
font-family: 'myFont';
src: url('snell.ttf');
}
.wrapage{
	width:100%;
	margin:0 auto;
}
.clear {
    clear: both;
}

.width-100 {
	width:100%;
}
.width-90 {
	width:90%;
}
.width-80 {
	width:80%;
}
.width-70 {
	width:70%;
}
.width-60 {
	width:60%;
}
.width-50{
	width:50%;
}
.width-55{
	width:55%;
}
.width-48 {
	width:48%;
}
.width-45 {
	width:45%;
}
.width-40 {
	width:40%;
}
.width-38 {
	width:38%;
}
.width-32 {
	width:32%;
}
.width-32 {
	width:32%;
}

.width-35 {
	width:35%;
}
.width-30 {
	width:30%;
}
.width-25 {
	width:25%;
}
.width-24 {
	width:23.5%;
}
.width-20 {
	width:20%;
}
.width-10 {
	width:10%;
}
.width-5 {
	width:5%;
}
.float-left {
	float:left;
}
.float-right {
	float: right;
}
.margin-left-10{
	margin-left:10px;
}
.margin-left-2{
	margin-left:2%;
}

.margin-right-10{
	margin-right:10px;
}
.margin-top-50{
	margin-top:50px;
}
.margin-top-20{
	margin-top:20px;
}
.no-border{
    border: none !important;
}

/*----------------Top (start)-----------------*/
.top{
	min-height:100px;
}
.subpage{
    height: 165px !important;
}
.top .frame-top , .top .slideshow{
	width:1000px;
	margin:0 auto;
}
.frame-top01 .logo{
	height:74px;
	float:left;
	margin-top:20px;
}
.menu-top {
	margin-top:25px;	
}
.menu-top ul li {
	float:left;
	width:25%;
	height:50px;
	text-align:center;
	line-height:50px;
}
.menu-top ul li a{
	text-transform:uppercase;
	font:bold normal 15px Tahoma, Geneva, sans-serif;
}

.search{
	float:left;
	margin-top:25px;
	margin-bottom:15px;
	position:relative;
}
.search input.keyword{
	width:120px;
	height:35px;
	padding-left:5px;
	border-radius:3px;
	padding-right:35px;
}
.search input.btn-keyword{
	width:27px;
	height:27px;
	right:5px;
	top:5px;
	cursor:pointer;
	position:absolute;
}

.cart{
	width:34px;
	margin:15px 0 10px 0;
	text-align:center
}
.cart a{
	font: bold normal 22px Arial, Helvetica, sans-serif;
	line-height:50px;
}

.top .slideshow{
	padding:8px;
	position:relative;
}
.top .slideshow img{
	display:block;
}
.top .slide-btn-left, .frame-top03 .slide-btn-right{
	position:absolute;
	top:120px;
}
.top .slide-btn-right{
	position:absolute;
	top:120px;
	right:29px;
}
.slide-small{
	margin:0 20%;
	position:absolute;
	bottom:-50px;
}
.slide-small ul li{
	float:left;
	height:135px;
	width:135px;
	margin-left:10px;
}
.slide-small ul li img{
    margin-left: 11px !important;;
	margin-top:11px !important;
	opacity:0.5;
}
.slide-small ul li img:hover{
	opacity:1;
}

/*----------------Top (end)-------------------*/

/*----------------Bottom - Top (start)-----------------*/
.bottom-top{
	height:50px;
}
.frame-bottom-top{
	width:1000px;
	margin:0 auto;
}
.bt-tintuc p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:inherit;
	line-height:50px;
}
.login01, .login02{
	width:78px; 
	float:left; 
	margin:10px;
	text-align:center;
}
.login01:hover, .login02:hover{
	text-decoration:underline;	
}
.login01 a, .login02 a{
	font:bold normal 11px Arial, Helvetica, sans-serif;
	line-height:30px;
}
/*----------------Bottom - Top (end)-------------------*/


/*----------------Main (start)-----------------*/
.main{
	width:1000px;
	margin:0 auto;
}

	.main .slide{
		border:1px solid #ccc;
		margin:5px 0;
	}
/*----------------Main (end)-------------------*/

/*------------HEADER (3 box)(Start) ----------------------*/
.group-1 .width-32{
	margin-right:13px;
    margin-top: 10px;
}
.group-1 .col-3{
	margin-right:0  !important;
}

.group-1 .ctn-box .box{
    height: 350px;
    box-shadow: 4px 4px 4px #d7d3d0;
}
.group-1 .ctn-box .box .col03{
    margin-right: 0;
}
.group-1 .box-title{
    text-align: center;
    padding: 10px;
    height: 35px;
}
.group-1 .box-title p{
	font-family: 'myFont';
	font-size:35px;
}
.group-1 .box-img{
    padding: 10px;
    height: 120px;
}
.group-1 .box-img img{
    display: block;
    margin: 0 auto;
    border: 4px solid #d21286;
}
.group-1 .box-note{
    padding: 15px 50px;
    height: 80px;
    text-align: justify;
}
.group-1 .box-note p{
    font: normal normal 14px Arial;
}
.group-1 .box-link{
    text-align: center;
    
}
.group-1 .box-link a{
    font: normal normal 13px arial;
    line-height: 36px;
}

/*-------------HEADER (3 box)(End)--------------*/

/*---------------Content (Start)-----------*/
.group2-title{
    margin: 20px 0px;
}
.group2-title p{
	text-transform:uppercase;
	font:normal normal 23px Arial, Helvetica, sans-serif;
}
.group2-btn a{
	float:left
}
.group2-btn a{
	float:left;
	margin:15px;
}
.group2-btn a span{
	width:20px;
	height:29px;
	display:block;
}
 .group-3{
   margin:10px 0px;
 }

.content .box-cnt{
	float:left;
	text-align:center;
	margin-right:15px;
    margin: 20px 7px;
    height: 290px;
}

.content .col-4{
	margin-right:0px;
}
.content .box-cnt img{
	display:block;
	margin:0 auto;
}
.content .box-cnt a h2{
	padding:20px;
    font: bold normal 14px Arial, Helvetica, sans-serif;
    height: 20px;
}
.content .box-cnt a h2:hover{
	text-decoration:underline;
}
.box2-link{
	width:90px;
	height:30px;
	margin:0px 0px 10px 75px;
}
.box2-link a{
	line-height:30px;
}
.sp-img{
	position:relative;
    height: 190px;
}
.price{
	width:163px;
	padding:56px 0px;
	position:absolute;
	top:13px;
	left:36px;
	opacity:0;
}
.box2:hover .price {
	opacity:1;
}

.price p.price01{
	font: normal normal 30px Arial, Helvetica, sans-serif
}
.price p.price02{
	font: normal normal 15px Arial, Helvetica, sans-serif
}


    /*-----------Trang Tin T?c--------------*/
        .group-new01{
            margin-top: 30px;
             border-radius: 20px;
             box-shadow: 4px 4px 4px #ccc;
        }
        .group-new01-title{
          margin: 0 20px;
          padding: 20px;
          border-bottom: 1px solid #ccc;
        }
        .group-new01-title p{
          font: bold normal 16px Tahoma, Geneva, sans-serif;
          text-align: center;
          text-transform: uppercase;
        }
        .group-new01-box{
          padding:10px 20px;
        }
        .group-new01-box .box{
          margin-right: 2% !important;
          margin: 15px 0px;
        }

        .group-new01-box .img{
          float: left;
          width: 27%;
        }
        .group-new01-box .text{
          float: right;
          width: 73%;
        }
        .group-new01-box .text a{
          font: bold normal 14px Arial, Helvetica, sans-serif;
        }
        .group-new01-box .text:hover a{
            text-decoration: underline;
        }
        .group-new01-box .text p{
          font: normal normal 13px Arial, Helvetica, sans-serif;
          line-height: 20px;
        }

        .group-new02-box .box{
            margin: 20px 0px;
        }
        .group-new02-box .box .img{
            float: left;
            width: 25%;
        }
        .group-new02-box .box .img img{
          border: 3px solid #ccc;
        }

        .group-new02-box .box .text{
            float: right;
            width: 75%;
        }
        .group-new02-box .text a{
          font: bold normal 14px Arial, Helvetica, sans-serif;
        }
        .group-new02-box .text:hover a{
            text-decoration: underline;
        }
        .group-new02-box .text p{
          font: normal normal 13px Arial, Helvetica, sans-serif;
          line-height: 20px;
          margin-top: 10px;
          margin-right: 40px;
          text-align: justify;
        }

         .color-main{
      		color:#ff9c00;
      	}
      	.bag-main{
      		background:#14b5ff;
      	}
      	.sub-left{
      		height:55px;
      		padding:2px;
      	}
      	.sub-left .link-sub{
      		float:left;
      		display:block;
      		margin:12px 20px;
      	}
      	.sub-left p{
      		margin:15px 70px;
      		font-size:20px;
      		font-weight:bold;
      		text-shadow:0 0 3px #ddd
      	}

        /*----Ph�n trang ------------ */
            .cur-page{
                width: 1000px;
                margin: 30px 0px;
        	}
            .cur-page ul{
              margin: 0 auto;
              width: 35%;
            }

        	.cur-page .nav-cur li{
        		float:left;
        		width:38px;
        		height:38px;
        		margin-right:2px;
        	}

        	.cur-page .nav-cur li a, .cur-page .nav-cur li span{
        		display:block;
        		width:38px;
        		height:38px;
        		text-align:center;
        		font-size:12px;
        		line-height:38px;
        	}
        	.cur-page .nav-cur li.active span{
        		font-weight:bold
        	}
        /*----Ph�n trang End ------------ */

        	/*-------  N?i dung b�i vi?t---------- */
	.group-new02-box .box-news{
		padding:20px 25px;
	}
	.group-new02-box .box-news p{
		font:normal normal 14px Arial, Helvetica, sans-serif;
		line-height:25px;
		text-align:justify;
		margin-top:20px;
	}
	.group-new02-box .box-news p:first-child{
		margin-top:0px;
	}
	.group-new02-box .box-news img{
		display:block;
		margin:30px auto;
	}
    .form-contact form img{

        margin:10px 120px !important;
    }
     .img-note p{
       font: normal italic 11px Arial, Helvetica, sans-serif;
       text-align: center;
     }

		/*-------  N?i dung b�i vi?t (end)---------- */

		/*-------  Form li�n h?---------- */
		.title-form{
			width:90px;
			height:30px;
			margin:20px 0px;
		}
		.form-contact .title-form p{
			font:bold normal 13px Arial, Helvetica, sans-serif !important;
			line-height:30px !important;
			text-align:center;
		}
		.form-contact form{
			margin-bottom:50px;
		}
		.form-contact form span{
			width:100px;
			display:inline-block;
			font:bold normal 13px Arial, Helvetica, sans-serif;
			text-align:right;
			margin-right:20px;
		}
		.form-contact form img{
			border:1px solid #CCC;
            margin-top: 20px;
		}
		.form-contact form input, .form-contact form textarea {
			border:1px solid #CCC;
			width:350px;
			line-height:30px;
			margin-top:10px;
			height:30px;
		}
		.form-contact form textarea{
			height:130px;
		}
		.form-contact form input#Submit  {
			width:110px;
			height:31px;
			margin-left:120px;
			font:bold normal 13px Arial, Helvetica, sans-serif;
			line-height:32px;
		}
		/*-------  Form li�n h? (end)---------- */

		/*-------   Cac tin lien quan ------------*/
		.link-title {
			margin:10px 0px;
		}
		.link-title p {
			margin-left:60px;
			margin-top:10px !important;
			font:bold normal 15px Arial, Helvetica, sans-serif;
		}
		.link-title{
			display:inline-block;
		}
		.link-news ul{
			margin-left:60px;
		}
		.link-news ul li{
			margin:10px;
		}
		.link-news ul li a{
			font:normal normal 13px Arial, Helvetica, sans-serif;
			margin-left:20px;
			line-height:20px;
		}
		/*-------   Cac tin lien quan (end) ------------*/

    /*-----------Trang Tin T?c--------------*/

    /*-----------Trang San Pham--------------*/
        .group-pro01{
            margin-top: 30px;
             border-radius: 10px;
             box-shadow: 4px 4px 4px #ccc;
        }
        .group-pro01-title{
          margin: 0 20px;
          padding: 20px;
          border-bottom: 1px solid #ccc;
        }
        .group-pro01-title p{
          font: bold normal 16px Tahoma, Geneva, sans-serif;
          text-align: center;
          text-transform: uppercase;
        }
        .group-pro01-box{
          padding: 0px 50px;
        }
        .group-pro01-box .box-right{
            margin-right: 0px !important;
         }

        .group-pro01-box ul a{
          font: normal normal 14px Arial, Helvetica, sans-serif;
          line-height: 50px;
        }

        .group-pro01-box ul li{
           width: 170px;
           height: 50px;
           float: left;
           border-bottom: 1px dotted #cccccc;
           margin:0px 27px;
        }
        .group-pro01-box ul a:hover li{
           text-decoration: underline;
        }

    /*-----------Trang San Pham End--------------*/

    /*-----------Trang Chi ti?t San Pham--------------*/
      .boxpro .boxpro-img{
        border: 1px solid #cccccc;
        padding: 3px;
      }
      .boxpro .boxpro-img #amazingslider-2{
        display: block;
        margin: 0 auto;
      }
      .amazingslider-watermark-0{
        display: none !important;
      }
      .amazingslider-nav-0{
           margin-top: 20px !important;
           border: 1px solid #cccccc;
      }

      .amazingslider-car-left-arrow-0 , .amazingslider-car-right-arrow-0{
           height: 76px !important;
           margin-top:18px !important;
      }
      .amazingslider-car-left-arrow:hover , .amazingslider-car-right-arrow:hover{
            top: 76px !important;
           height: 76px !important;
      }


      .boxpro-note , .boxpro-comments{
        border: 1px solid #cccccc;
        border-radius:10px;
        margin-bottom: 20px
      }
      .boxpro-note .title , .boxpro-note .described{
        border-bottom: 1px solid #cccccc;
        padding: 10px 15px;
      }
      .boxpro-note .title h1{
        font: bold normal 16px Arial, Helvetica, sans-serif;
      }
      .boxpro-note .described p{
        font: normal normal 13px Arial, Helvetica, sans-serif;
        line-height: 20px;
      }
      .boxpro-note .price-pro p{
        padding: 25px 15px;
        font: bold normal 20px Arial, Helvetica, sans-serif;
      }
      .boxpro-note .button{
        padding: 10px 15px;
      }
      .boxpro-note .button .btn-datmua{
        width: 130px;
        border: 1px solid #cccccc;
        border-radius:10px;
        text-align: center;
      }

      .boxpro-note .button .btn-datmua a{
        font: normal normal 13px Arial, Helvetica, sans-serif;
        line-height: 33px;
      }
      .boxpro-note .button .btn-datmua:hover a{
        text-decoration: underline;
      }
      .boxpro-note .button .numb span.so{
          width: 30px; height: 30px;
          float: left;
          box-shadow:inset 2px 2px 5px #ababab;
          text-align: center;
          margin: 2px 10px;
      }
      .boxpro-note .button .numb span.so p{
        font: bold normal 13px Arial, Helvetica, sans-serif;
        line-height: 30px;
        display: inline-block;
      }.boxpro-note .button .numb span p{
        font: normal normal 13px Arial, Helvetica, sans-serif;
        line-height: 33px;
      }

      .boxpro-comments{
            padding: 0px 10px;
            margin-bottom: 0px !important;
      }
      .boxpro-comments .form-contact form {
        margin-bottom: 10px !important;
      }

    /*-----------Trang Chi ti?t San Pham (End)--------------*/

/*---------------Content (End)-----------*/

/*----------------Footer (start)-----------------*/
.footer{
	font-family:Arial, Helvetica, sans-serif;
	height:440px;
    margin-top: 60px;
}
.footer .frame-footer{
	width:1000px;
	margin:0 auto;
}
.title-footer{
    border-bottom: 1px solid #FFF;
    font-family: myFont ;
    font-size: 30px;
}
.title-footer span{
    font-family: myFont ;
    font-size: 30px;
}

.footer .frame-footer{
	width:1000px;
	margin:0 auto;
}

.group-foot1, .group-foot2, .group-foot3{
	display:inline-block;	
}
.col-footer {
	
}
.group-foot2{
	height:65px
}
.copyright p{
	text-align:center;
}
.col-footer{
	float:left;
	margin-right:12.5%;
	margin-top:25px;
}
.cols0 .footer-link{
    width: 90px;
    height: 30px;
    text-align: center;
}
.cols0 .footer-link a{
    line-height: 30px;
}
.cols0 .footer-link a:hover{
    text-decoration: underline;
}
.cols1 ul li a{
   margin-left: 20px;
}
.cols2{
	margin-right:0;
}
.col-footer .cnt-col-footer{
	margin:0 25px 0 0;
	height:250px;
	margin-top:10px;
}
.cols2 .cnt-col-footer{
	margin-right:0;
}
.cols2 p{
	float: left;
    margin-right: 40px;
    margin-top: 20px;
}
.cols2 span.tk01{
    float: left;
    width: 100px;
    display: inline;
    margin-top: 20px;
}
.col-footer .title-footer{
	font-size:20px;
	font-weight:bold;
	margin-bottom:15px;
}
.col-footer ul li{
	margin-bottom:10px;
}
.col-footer ul li a{
	font-size:13px;
    line-height: 20PX;
}
.col-footer ul li img{
	float: left;
    margin-right: 10px;
    margin-top: 5px;
}
.col-footer ul li a:hover{

}

.col-footer strong{
	font-weight:bold
}

.link-connect{
    margin-top: 12px;
	margin-left:40%;
    height: 40px;
}
.link-connect .link{
	float:left
}
.link-connect .link{
	float:left;
	margin-right:20px;
}
.link-connect .link span{
	width:39px;
	height:40px;
	display:block
}
.copyright p{
	margin-top:20px;
}

/*----------------Footer (end)-------------------*/


/*=====================REGISTER=====================*/
.lev {
    margin-bottom: 20px;
    overflow: hidden;
}
.login_student form {
    min-height: 350px;
    padding-top: 20px;
}
.login_student .lev p.sub-lev{
    float: left;
    font-family: tahoma;
    font-size: 12px;
    line-height: 28px;
    padding-right: 10px;
    text-align: right;
    width: 135px;
    font-weight: bold;
}
.login_student .lev p.sub-lev span{
	float: left;
}
.login_student .lev p.sub-lev .color-red{
	float: right;
}
.login_student .lev input {
    border: 1px solid #999999;
    float: left;
    height: 20px;
    padding: 3px 5px;
    width: 350px;
}
.login_student input[type="submit"] {
    cursor: pointer;
    margin-left: 110px;
    padding: 3px 5px;
}

.error-login-public .errors {
    background: none repeat scroll 0 0 #F9FCEB;
    border-bottom: 1px solid #ADADAD;
    color: red;
    font-family: tahoma;
    font-size: 12px;
    padding: 5px;
}
.error-login-public .errors li {
    padding: 5px;
}

.lev-1 .submit {
    color: #333;
    font-weight: bold;
    padding: 5px 10px;
    font-size: 12px;
    border: 1px solid #ccc;
    cursor: pointer;
    margin-left: 145px !important;
}
.login_student .border-img{
	margin-left: 145px !important;
}
.login{
	margin: 15px 35px;
}
.login .lev{
	margin-bottom: 15px;
	padding: 5px;
}
.login .lev span{
	font-size: 13px;
	width: 100px;
	text-align: right;
	margin-right: 10px;
	display: block;
	float: left;
	line-height: 26px;
	font-weight: bold;
}
.login .lev input{
	border: 1px solid #999;
	height: 25px;
	width: 200px;
	padding: 0 10px;
	font-size: 12px;
	box-shadow:0 0 3px 1px #999
}
.login .lev .submit{
	margin-left: 110px !important;
	width: 60px;
	padding-bottom: 5px;
	height: 30px;
	font-weight: bold;
	cursor: pointer;
}

.msg-err{
	font-size: 13px;
	color: red;
	margin-top: 5px;
	margin-left: 110px;
}
.content-left .sub-content{
		font-size:13px;
		font-weight:bold;
		border-bottom:1px solid #496d7d;
		padding-bottom:5px;
	}
	.content-left .group .box-cnt{
		margin-top:10px;
	}
	.content-left .group .box-cnt .bor-img{
		margin-top:4px;
	}